<page-header [title]="'放款管理'">
  <ng-template #breadcrumb>
    <nz-breadcrumb>
      <nz-breadcrumb-item>详细信息</nz-breadcrumb-item>
      <!--<nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>-->
    </nz-breadcrumb>
  </ng-template>
  <ng-template #tab>
    <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
      <nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>
      <!--<nz-tab nzTitle="库存/价格" (nzSelect)="changeTab(1)"></nz-tab>-->
      <!--<nz-tab nzTitle="其他" (nzSelect)="changeTab(2)"></nz-tab>-->
    </nz-tabset>
  </ng-template>
  <ng-template #extraTemplate>
    <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回</button>
  </ng-template>
</page-header>

<nz-card [nzBordered]="false" *ngIf="tabIndex === 0">
  <form nz-form>
    <nz-form-item>
      <nz-form-label nzSpan="2" nzRequired>还款方式</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-select style="" [(ngModel)]="product.loanReMethod" name="loanReMethod" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of loanReMethods"></nz-option>
        </nz-select>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderNo" name="orderNo">

      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.cusName" name="cusName">

      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.cusMobile" name="cusMobile">

      </nz-form-control>

    </nz-form-item>
    <nz-form-item>

      <nz-form-label nzSpan="2">首次还款日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="loanDate" [(ngModel)]="product.loanDate"></nz-date-picker>

      </nz-form-control>


      <nz-form-label nzSpan="2" nzRequired>放款金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.loanAmount" name="loanAmount">
      </nz-form-control>


      <nz-form-label nzSpan="2">首笔费用</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.loanSbamount" name="loanSbamount">


      </nz-form-control>

      <nz-form-label nzSpan="2">月均扣费总计</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.loanMonthSum" name="loanMonthSum">


      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>应还总金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.loanSum" name="loanSum">
      </nz-form-control>
      <!--<nz-form-label nzSpan="2" nzRequired>附件</nz-form-label>-->
      <!--<nz-form-control nzSpan="4">-->
        <!--<input nz-input [(ngModel)]="product.loanAtta" name="loanAtta">-->

      <!--</nz-form-control>-->
      <nz-form-label nzSpan="2" nzRequired>保险费</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fkBy1" name="fkBy1">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>GPS费用</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fkBy2" name="fkBy2">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>其他费用</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fkBy3" name="fkBy3">
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label nzSpan="2">期数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.loanPeriod" name="loanPeriod">
      </nz-form-control>
      <nz-form-label nzSpan="2">担保月利息</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.loanDbmonth" name="loanDbmonth">
      </nz-form-control>
      <nz-form-label nzSpan="2">银行月利息</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.loanMonth" name="loanMonth">
      </nz-form-control>
      <nz-form-label nzSpan="2">备注</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.loanRemark" name="loanRemark">
      </nz-form-control>
    </nz-form-item>
  </form>
</nz-card>
<nz-card [nzBordered]="false" *ngIf="tabIndex === 1">
</nz-card>
<nz-card [nzBordered]="false" *ngIf="tabIndex === 2">
</nz-card>
<footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">放款</button>
</footer-toolbar>
